<!DOCTYPE html>
<html lang="en">
<head>
  <script src="../../scripts/gentest/test_helper.js"></script>
  <link rel="stylesheet" type="text/css" href="../../scripts/gentest/test_base_style.css">
  <meta name="wpt-test-port" value="css/css-flexbox/flexbox_flex-0-0-0.html" />
  <title>
    Test description
  </title>
</head>
<body>

<div id="test-root" style="display: flex; flex-direction: row; height: 100px; width: 400px; background: blue; border: 1px solid black;">
  <div style="flex-shrink: 0; flex-grow: 0; flex-basis: 0%;">one</div>
  <div style="flex-shrink: 0; flex-grow: 0; flex-basis: 0%;">two</div>
  <div style="flex-shrink: 0; flex-grow: 0; flex-basis: 0%;">three</div>
  <div style="flex-shrink: 0; flex-grow: 0; flex-basis: 0%;">four</div>
</div>

</body>
</html>
